---
id: tabs
title: Tabs
---

import Playground from '@theme/Playground';

## Standard

<Playground>
  <ul class="tabs">
    <li class="tabs__item tabs__item--active">Alpha</li>
    <li class="tabs__item">Beta</li>
    <li class="tabs__item">Gamma</li>
    <li class="tabs__item">Zeta</li>
  </ul>
</Playground>

## Block

<Playground>
  <ul class="tabs tabs--block">
    <li class="tabs__item tabs__item--active">Alpha</li>
    <li class="tabs__item">Beta</li>
    <li class="tabs__item">Gamma</li>
    <li class="tabs__item">Zeta</li>
  </ul>
</Playground>
